<!-- 清罐 -->
<template>
  <div class="wrap">
    <div class="main" v-html="instruction">
    </div>
  </div>

</template>
<script>
  export default {
    data() {
      return {
        instruction: '',
      }
    },
    methods: {
      getInstructions(){//获取操作指南
        var params = {};
        this.$api.post('/wechat/getOperationGuide', params, (data) => {
          this.instruction = data.obj;
        })
        
      }
    },
    created() {
      this.getInstructions();
    },
  }

</script>
<style scoped>
  .main {
    padding-top: 0.1rem;text-align: left;
    padding-left: 0.2rem;
    overflow: hidden;
    padding-bottom: 1rem;
  }

  .row {
    display: flex;
    height: 1rem;
  }

  .row .left {
    width: 2.5rem;
    text-align: right;
    line-height: 0.9rem;
    height: 0.9rem;
  }

  .row .right {
    width: 6rem;
    margin-left: 0.2rem;
    text-align: left;
  }

  .row .right input {
    height: 0.9rem;
    line-height: 0.9rem;
    padding-left: 0.1rem;
    border: none;
    outline: none;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

</style>
